"use client";
import React from 'react';
import PageContainer from '../components/PageContainer';
import Divider from '../divider/components/Divider';
import Pagination from './components/Pagination';


const Page = () => {

    return (
        <PageContainer>

            <h1 className='font-douyin'>导航·Pagination</h1>
            <h2 className='font-douyin text-5xl'>分页</h2>
            <p>分页器帮助用户在多个页之间进行导航</p>
            <Divider direction='horizontal' />
            <h3 className='text-3xl'>代码演示</h3>
            <h4 className='text-2xl'>基本用法</h4>
            <Pagination total={200} />

            <h5>悬浮按钮</h5>

        </PageContainer>
    );
};

export default Page;
